$(function(){
             $("button:first").on("click",function(e){
                 $("#users").empty();
                 $.ajax({
                     type:"GET",
                     url:"http://localhost:3000/data"
                 }).done(function(msg){
                    msg.forEach((item,index)=>{
                         $("#users").append($("<tr></tr>")
                                                .append($("<td></td>").text(item.id))
                                                .append($("<td></td>").text(item.name))
                                                .append($("<td></td>").text(item.age))
                                                .append($("<button>").text("del").prop("id",item.id)));
                         
                    });
                     
                    $("tr>button").on("click",function(e){
                        var x=e.target.id;
                        $.ajax({
                            type:"DELETE",
                            url:"http:localhost:3000/data/"+x
                        }).done(function(msg){
                            var id="#"+x;
                            var p = $(id).parent().remove();
                        })
                    })
                 });
             }); 
});